const path = require('path')
module.exports = {
        entry: './src/index.js',
        output: {
            filename: 'build.js',
            path: path.resolve(__dirname, 'dist')
        },
        module: {
            rules: [
                // {
                // test: /\.css$/, // 一般就是一个正则表达式，用于匹配我们需要处理的文件类型
                // use: [{
                //     loader: 'css-loader',
                //     // options: 
                // }]
                // }
                // { // 简写
                //     test: /\.css$/,
                //     loader: 'css-loader'
                // }
                {
                    test: /\.css$/,
                    use: [
                            'style-loader',
                            // 'css-loader',
                            {
                                loader: 'css-loader', // 解决@import导致不能实现前缀
                                options: {
                                    importLoaders: 1, // 1代表往前找一个loader
                                    esModule: false
                                }
                            },
                            'postcss-loader'
                            // {
                            //         loader: 'postcss-loader',
                            //         options: {
                            //             postcssOptions: {
                            //                 plugins: [
                            //                     // require('autoprefixer'),
                            //                     // require('postcss-preset-env')
                            //                     'postcss-preset-env'
                            //                 ]
                            //             }
                            //         }
                            // }
                        ] // 执行方式从上往下或者从右往左
                },
                {
                    test: /\.less$/,
                    use: ['style-loader', 'css-loader', 'postcss-loader', 'less-loader'] // 执行方式从上往下或者从右往左
                },
                {
                    test: /\.(png|svg|gif|jpe?g)$/,
                    use: [
                        // 'file-loader'
                        {
                            loader: 'file-loader',
                            options: {
                                name: 'img/[name].[hash:6].[ext]',
                                // esModule: false // 不转为esModule
                                // outputPath: 'img'
                            }
                        }
                    ]
                }
            ]
        }
    }
    /**
     * 占位符
     * [ext]: 扩展名
     * [name]: 文件名
     * [hash]: 文件内容
     * [contentHash]: 文件内容 [hash]一样
     * [hash:<length>]
     * [path]:
     */